import { createRouter, createWebHistory } from 'vue-router'
import defaultRouts from "@/router/defaultRouts";
import useUserStore from "@/stores/admin/useUserStore";
import useSettingsStore from "@/stores/admin/useSettingStore";
import {isRelogin} from "@/utils/request";
import useRouteStore from "@/stores/admin/useRouteStore";
import {isHttp} from "@/utils/soul";

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: defaultRouts,
  scrollBehavior(to, from, savedPosition) {
    if (savedPosition) {
      return savedPosition
    } else {
      return { top: 0 }
    }
  },
})
const whiteList = ["/admin/login", '/register'];

router.beforeEach((to,from,next) =>{
  naive.loading && naive.loading.start();
  if (to.path.indexOf("admin")>-1){
    const token = useUserStore().token;
    // 判断是否登录
    if (token){
      to.meta.title && useSettingsStore().setTitle(to.meta.title)
      //登录状态下
      if (useUserStore().roles.length === 0) {
        isRelogin.show = true
        // 判断当前用户是否已拉取完user_info信息
        useUserStore().getInfo().then(() => {
          isRelogin.show = false
          useRouteStore().generateRoutes().then(accessRoutes => {
            // 根据roles权限生成可访问的路由表
            accessRoutes.forEach(route => {
              if (!isHttp(route.path)) {
                router.addRoute(route) // 动态添加可访问路由表
              }
            })
            next({ ...to, replace: true }) // hack方法 确保addRoutes已完成
          })
        }).catch(err => {
          useUserStore().logOut().then(() => {
            naive.message.error("退出登录")
            next({ path: '/' })
          })
        })
      }else {
        next();
      }
    }else {
      // 没有token
      if (whiteList.indexOf(to.path) !== -1) {
        // 在免登录白名单，直接进入
        next();
      } else {
        next(`/admin/login?redirect=${to.fullPath}`); // 否则全部重定向到登录页
        naive.loading && naive.loading.finish();
      }
    }
  }else {
    next();
  }

})
router.afterEach(() => {
  naive.loading && naive.loading.finish();
})

export const routerPush = (name, query) => {
  return router.push({
    name: name,
    query: query
  })
}
// export const
export default router
